<template>
  <div id="app" class="card-container">
    <div class="left-column">
      <CustomCard
          v-for="(item, index) in shortItems"
          :key="index"
          :title="item.title"
          :imageSrc="item.imageSrc"
          :content="item.content"
      />
    </div>
    <div class="right-column">
      <CustomCard
          v-for="(item, index) in longItems"
          :key="index"
          :title="item.title"
          :imageSrc="item.imageSrc"
          :content="item.content"
      />
    </div>
  </div>
</template>

<script>
import CustomCard from "@/views/ecoProduce/component/CustomCard.vue";

import hehongcha from '@/assets/img/ecoProduce/img/hehongcha.png'
import hongyayu from '@/assets/img/ecoProduce/img/hongyayu.png'
import yanshantangfen from '@/assets/img/ecoProduce/img/yanshantangfen.png'
import maciguo from '@/assets/img/ecoProduce/img/maciguo.png'
import dengzhanguo from '@/assets/img/ecoProduce/img/dengzhanguo.png'

import sizhi from '@/assets/img/ecoProduce/img/sizhi.png'
import huanggangshan from '@/assets/img/ecoProduce/img/huanggangshan.png'
import mingqingguzhen from '@/assets/img/ecoProduce/img/mingqingguzhen.png'
import taiyuanshezu from '@/assets/img/ecoProduce/img/taiyuanshezu.png'
import gexianshan from '@/assets/img/ecoProduce/img/gexianshan.png'

export default {
  name: 'App',
  components: {
    CustomCard
  },
  data() {
    return {
      shortItems: [
        {
          title: '四纸制作技艺',
          imageSrc: sizhi,
          content: '  四纸制作技艺是铅山连四纸制作技艺，江西省铅山县地方传统手工技艺，国家级非物质文化遗产之一。\n' +
              '连四纸，又叫“连泗纸”，纸质较厚者又称为“海月纸”。其名字由来十分有趣，据说连四纸是由福建邵武连姓兄弟经过多年研制，精工抄造而成，因他们排行老三、老四而得名。 \n' +
              '  2006年，铅山连四纸制作技艺经中华人民共和国国务院批准列入第一批国家级非物质文化遗产名录'
        },
        {
          title: '河红茶',
          imageSrc: hehongcha,
          content: '河红茶全称为河口红茶。河红茶因原产地在江西上饶铅山县河口镇而得名。 最早的红茶——小种红茶，产于以桐木关为中心的武夷山地区。 18世纪20年代，晋商发现了游牧民族对茶叶的需求，深入到优质的产茶地武夷山脉，开始是收购茶叶，后来承包茶山，雇佣成千上万农民从事采茶及砖茶的加工。各地茶叶由挑夫挑到铅山河口，装船外运。'
        }
      ],
      longItems: [
        {
          title: '黄岗山',
          imageSrc: huanggangshan,
          content: '黄岗山，也称作“黄冈山”，是福建省和江西省的界山。位于福建省武夷山市洋庄乡和江西省上饶市铅山县武夷山镇和境内，山的南麓属于福建省，北麓属于江西省锚点 。 \n' +
              '黄岗山是武夷山脉最高峰，是整个华东六省一市地区的最高山峰，介于北纬27°33 —27°54ˊˊ ，东经117°27 —117°51ˊˊ之间。其最高峰海拔2160.8米，为大陆东南第一峰，号称“华东屋脊”、“武夷支柱”。山顶有江西省和福建省的界碑，福建省于1990年所立的“武夷第一峰”的石碑，而后江西省于1997年立的\'\'黄冈山\'\'的石碑。'

        }
      ]
    }
  }
}
</script>

<style>
.card-container {
  display: flex;
}

.left-column {
  flex: 3;
  display: flex;
  flex-direction: column;
  margin-right: 20px;
}

.right-column {
  flex: 2;
}

.custom-card {
  margin-bottom: 20px;
}
</style>
